:root {
  --titleWidth: 520px;
}
a {
  text-decoration: none;
}
.fa-caret-right {
  margin-left: 5px;
}
body {
  margin: 0;
  padding: 0;
}
.Polygon-Bottom {
  cursor : Pointer;
}
.wrapper {
  width: 100vw;
  /*height: calc(3076px + 146px);*/
  background-color: #ffffff;
}
body {
  margin: 0;
  padding: 0;
}
.frame {
  content: "";
  /* background: url(../Image/solutions_visual1.jpg) no-repeat top center; */
  background-size: cover;
  display: inline-block;
  height: 413px;
  width: 100vw;
  vertical-align: middle;
}
/*Section 1 */
.Vector-Smart-Object {
  position: absolute;
  left: calc(480px - (((2560 - var(--viewjs)) / 2) * 1px));
  top: 28px;
  width: 214px;
  height: 42px;
}
.Rounded-Rectangle-INQUIRY {
  position: absolute;
  left: calc(1952px - (((2560 - var(--viewjs)) / 2) * 1px));
  top: 25px;
  width: 128px;
  height: 48px;
  border-radius: 10px;
  background-color: #5ad2bc;
}

/*Section 2*/
/**********************/
.Rounded-Rectangle-BROCHURE {
  position: absolute;
  left: calc(1522px - (((2560 - var(--viewjs)) / 2) * 1px));
  top: 485px;
  width: 229px;
  height: 60px;
  border-radius: 10px;
  border: solid 3px #ffffff;
  background-color: #ffffff;
}
.Brochure {
  position: absolute;
  left: calc(1572px - (((2560 - var(--viewjs)) / 2) * 1px));
  top: 507px;
  width: 75px;
  height: 15px;
  font-family: 'Open Sans',sans-serif;
  font-size: 17px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: left;
  color: #ffffff;
}
.Shape-BROCHURE {
  position: absolute;
  left: calc(1653px - (((2560 - var(--viewjs)) / 2) * 1px));
  top: 511px;
  width: 49px;
  height: 11px;
  background-color: #ffffff;
}
.Rounded-Rectangle-REQUEST {
  position: absolute;
  left: calc(1751px - (((2560 - var(--viewjs)) / 2) * 1px));
  top: 485px;
  width: 229px;
  height: 60px;
  border-radius: 10px;
  background-color: #ffffff;
}
.Shape-REQUEST {
  width: 49px;
  height: 11px;
  background-color: #333333;
}
/**********************/
.normaltxt {
  display:inline;
}
.boldtxt {
  display: inline;
  font-weight: bold;
}
.Costing-Cockpit-for-SAP2 {
  position: absolute;
  left: calc(580px - (((2560 - var(--viewjs)) / 2) * 1px) + (var(--solution_poly) * 1px));
  top: 455px;
  width: 550px;
  height: 45px;
  font-family: 'Open Sans Semi-bold',sans-serif;
  font-size: 45px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.22;
  letter-spacing: normal;
  text-align: left;
  color: #ffffff;
}
.More-Accurate-and-Faster-Closing-Process {
  position: absolute;
  left: calc(582px - (((2560 - var(--viewjs)) / 2) * 1px) + (var(--solution_poly) * 1px));
  top: 570px;
  width: 905px;
  height: 17px;
  font-family: 'Open Sans Semi-bold',sans-serif;
  font-size: 23px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: left;
  color: #ffd270;
}
.In-standardizing-and-managing-the-intricate-steps-of-the-Monthl {
  position: absolute;
  left: calc(581px - (((2560 - var(--viewjs)) / 2) * 1px) + (var(--solution_poly) * 1px));
  top: 685px;
  width: 1071px;
  height: 143px;
  font-family: 'Open Sans Light',sans-serif;
  font-size: 18px;
  font-weight: 300;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.39;
  letter-spacing: normal;
  text-align: left;
  color: #ffffff;
}
.In-standardizing-and-managing-the-intricate-steps-of-the-Monthl2 {
  position: absolute;
  left: calc(580px - (((2560 - var(--viewjs)) / 2) * 1px) + (var(--solution_poly) * 1px));
  top: 610px;
  width: 790px;
  height: 18px;
  font-family: 'Open Sans',sans-serif;
  font-size: 18px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.39;
  letter-spacing: normal;
  text-align: left;
  color: #ffd270;
}
.In-standardizing-and-managing-the-intricate-steps-of-the-Monthl3 {
  position: absolute;
  left: calc(580px - (((2560 - var(--viewjs)) / 2) * 1px) + (var(--solution_poly) * 1px));
  top: 610px;
  width: 840px;
  height: 18px;
  font-family: 'Open Sans',sans-serif;
  font-size: 18px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.39;
  letter-spacing: normal;
  text-align: left;
  color: #ffffff;
}

/*Section 3 */
.Benefits {
  position: absolute;
  left: calc(var(--mid_x) - (127px / 2));
  
  top: 883px;
  width: 134px;
  height: 29px;
  font-family: 'Open Sans Light',sans-serif;
  font-size: 38px;
  font-weight: 300;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: left;
  color: #333333;
}
.Overview {
  position: absolute;
  left: calc(var(--mid_x) - (254px / 2));
  
  top: 883px;
  height: 29px;
  font-family: 'Open Sans Light',sans-serif;
  font-size: 38px;
  font-weight: 300;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: left;
  color: #333333;
}

/* .Layer-57 {
  width: 2560px;
  height: 643px;
  opacity: 0.3;
  mix-blend-mode: luminosity;
} */
.Rectangle-1-Benefits {
  position: absolute;
  left: calc(var(--mid_x) - (134px / 2));
  top: 938px;
  width: 147px;
  height: 3px;
  background-image: linear-gradient(to bottom right, #70bdad, #285bb1);
}
.Rectangle-1-Overview {
  position: absolute;
  left: calc(var(--mid_x) - (254px / 2));
  top: 938px;
  width: 304px;
  height: 3px;
  background-image: linear-gradient(to bottom right, #70bdad, #285bb1);
}

.Layer-1097 {
    position: absolute;
    left: calc(630px - (((2560 - var(--viewjs)) / 2) * 1px));
	/*left: 12%;*/
    top: 1000px;
    width: 1400px;
    /*height: 518px;*/
}


.Layer-806-1 {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 688px;
  height: 222px;
  background-color: #E4DFDE;
}
.Each-step-of-the-Closing-process-is-registered-in-the-system-an {
  position: absolute;
  left: 238px;
  top: 39px;
  width: 401px;
  height: 150px;
  font-family: 'Open Sans',sans-serif;
  font-size: 19px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.37;
  letter-spacing: normal;
  text-align: left;
  color: #333333;
}
.analysis-3783312_1920 {
  position: absolute;
  left: calc(630px - (((2560 - var(--viewjs)) / 2) * 1px));
  top: 1025px;
  width: 152px;
  height: 152px;
}
.Layer-806-2 {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 688px;
  height: 222px;
  background-color: #E4DFDE;
}
.su-san-lee-VFT8W5VfHw8-unsplash {
  position: absolute;
  left: calc(1342px - (((2560 - var(--viewjs)) / 2) * 1px));
  top: 1015px;
  width: 152px;
  height: 152px;
}
.Increase-work-efficiency-and-productivity-by-integrating-the-Cl {
  position: absolute;
  left: 238px;
  top: 39px;
  width: 384px;
  height: 124px;
  font-family: 'Open Sans',sans-serif;
  font-size: 19px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.37;
  letter-spacing: normal;
  text-align: left;
  color: #333333;
}
.Layer-806-3 {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 688px;
  height: 222px;
  background-color: #E4DFDE;
}
.Ellipse-808 {
  position: absolute;
  left: 50px;
  top: 30px;
  width: 152px;
  height: 152px;
}
.When-Closing-delays-occur-anyone-can-easily-see-the-steps-that {
  position: absolute;
  left: 238px;
  top: 39px;
  width: 402px;
  height: 151px;
  font-family: 'Open Sans',sans-serif;
  font-size: 19px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.37;
  letter-spacing: normal;
  text-align: left;
  color: #333333;
}
.Layer-806-4 {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 688px;
  height: 222px;
  background-color: #E4DFDE;
}
.photo-1526628953301-3e589a6a8b74 {
  position: absolute;
  left: calc(1342px - (((2560 - var(--viewjs)) / 2) * 1px));
  top: 1267px;
  width: 152px;
  height: 152px;
}
.Managers-can-instantly-see-the-progress-through-real-time-progr {
  position: absolute;
  left: 238px;
  top: 39px;
  width: 397px;
  height: 124px;
  font-family: 'Open Sans',sans-serif;
  font-size: 19px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.37;
  letter-spacing: normal;
  text-align: left;
  color: #333333;
}
/*Section3 */
.Features-and-Capabilities {
  position: absolute;
  left: calc(var(--mid_x) - (434px / 2));
  top: 1589px;
  width: 450px;
  height: 38px;
  font-family: 'Open Sans Light',sans-serif;
  font-size: 38px;
  font-weight: 300;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: left;
  color: #333333;
}
.Solution-Processes {
  position: absolute;
  left: calc(var(--mid_x) - (434px / 2));
  top: 2770px;
  width: 450px;
  height: 38px;
  font-family: 'Open Sans Light',sans-serif;
  font-size: 38px;
  font-weight: 300;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: left;
  color: #333333;
}
.Rectangle-Features {
  position: absolute;
  left: calc(var(--mid_x) - (450px / 2) + 8px);
  top: 1649px;
  width: 420px;
  height: 3px;
  background-image: linear-gradient(to bottom right, #70bdad, #285bb1);
}
.Rectangle-Features-sb {
  position: absolute;
  left: calc(var(--mid_x) - (470px / 2) + 8px);
  top: 2825px;
  width: 350px;
  height: 3px;
  background-image: linear-gradient(to bottom right, #70bdad, #285bb1);
}
.features_super {
  position: absolute;
  left: calc(var(--mid_x) - (1400px / 2));
  top: 0px;
}
.feature_table1:hover {
  box-shadow: 8.7px 5px 15px 0 rgba(0, 0, 0, 0.2);
  transition: all 0.2s ease;
  -webkit-transition: all 0.2s ease;
}
.feature_table1 {
  position: absolute;
  top: 1700px;
  left: 0px;
  width: 1400px;
  height: 142px;
}
.Rectangle-831-1 {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 580px;
  height: 143px;
  background-color: #6e5c54;
}
.feature_table2:hover {
  box-shadow: 8.7px 5px 15px 0 rgba(0, 0, 0, 0.2);
  transition: all 0.2s ease;
  -webkit-transition: all 0.2s ease;
}
.feature_table2 {
  position: absolute;
  top: 1852px;
  left: 0px;
  width: 1400px;
  height: 142px;
}
.Rectangle-831-2 {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 580px;
  height: 143px;
  background-color: #6e5c54;
}
.feature_table3:hover {
  box-shadow: 8.7px 5px 15px 0 rgba(0, 0, 0, 0.2);
  transition: all 0.2s ease;
  -webkit-transition: all 0.2s ease;
}
.feature_table3 {
  position: absolute;
  top: 2005px;
  left: 0px;
  width: 1400px;
  height: 142px;
}
.Rectangle-831-3 {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 580px;
  height: 175px;
  background-color: #6e5c54;
}
.feature_table4:hover {
  box-shadow: 8.7px 5px 15px 0 rgba(0, 0, 0, 0.2);
  transition: all 0.2s ease;
  -webkit-transition: all 0.2s ease;
}
.feature_table4 {
  position: absolute;
  top: 2190px;
  left: 0px;
  width: 1400px;
  height: 142px;
}
.Rectangle-831-4 {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 580px;
  height: 176px;
  background-color: #6e5c54;
}
.feature_table5:hover {
  box-shadow: 8.7px 5px 15px 0 rgba(0, 0, 0, 0.2);
  transition: all 0.2s ease;
  -webkit-transition: all 0.2s ease;
}
.feature_table5 {
  position: absolute;
  top: 2375px;
  left: 0px;
  width: 1400px;
  height: 142px;
}
.Rectangle-831-5 {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 580px;
  height: 143px;
  background-color: #6e5c54;
}
.feature_table6:hover {
  box-shadow: 8.7px 5px 15px 0 rgba(0, 0, 0, 0.2);
  transition: all 0.2s ease;
  -webkit-transition: all 0.2s ease;
}
.feature_table6 {
  position: absolute;
  top: 2527px;
  left: 0px;
  width: 1400px;
  height: 142px;
}
.Rectangle-831-6 {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 580px;
  height: 143px;
  background-color: #6e5c54;
}
.Layer-837-1 {
  background-color: #ffffff;
  position: absolute;
  left: 0px;
  top: 0px;
  width: 1400px;
  height: 142px;
}
.Layer-837-2 {
  background-color: #ffffff;
  position: absolute;
  left: 0px;
  top: 0px;
  width: 1400px;
  height: 142px;
}
.Layer-837-3 {
  background-color: #ffffff;
  position: absolute;
  left: 0px;
  top: 0px;
  width: 1400px;
  height: 175px;
}
.Layer-837-4 {
  background-color: #ffffff;
  position: absolute;
  left: 0px;
  top: 0px;
  width: 1400px;
  height: 176px;
}
.Layer-837-5 {
  background-color: #ffffff;
  position: absolute;
  left: 0px;
  top: 0px;
  width: 1400px;
  height: 142px;
}
.Layer-837-6 {
  background-color: #ffffff;
  position: absolute;
  left: 0px;
  top: 0px;
  width: 1400px;
  height: 142px;
}
.Master-Data-for-Each-Step-of-the-Closing-Process p {
  display: table-cell;
  vertical-align: middle;
}
.Master-Data-for-Each-Step-of-the-Closing-Process {
  position: absolute;
  left: calc(651px - 580px);
  top: 0px;
  width: 359px;
  height: 143px;
  font-family: 'Open Sans Semi-bold',sans-serif;
  font-size: 26px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.42;
  letter-spacing: normal;
  text-align: left;
  color: #ffffff;
  display: table;
}
.Change-history-management-according-to-changing-Closing-Proces p {
  display: table-cell;
  vertical-align: middle;
}
.Change-history-management-according-to-changing-Closing-Proces {
  position: absolute;
  left: calc(651px - 580px);
  top: 0px;
  width: 493px;
  height: 143px;
  font-family: 'Open Sans Semi-bold',sans-serif;
  font-size: 26px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.42;
  letter-spacing: normal;
  text-align: left;
  color: #ffffff;
  display: table;
}
.RegisterManage-Attachments-or-Comments-in-Each-Step-of-the-C p {
  display: table-cell;
  vertical-align: middle;
}
.RegisterManage-Attachments-or-Comments-in-Each-Step-of-the-C {
  position: absolute;
  left: calc(651px - 580px);
  /* top: 10px; */
  width: 380px;
  height: 175px;
  font-family: 'Open Sans Semi-bold',sans-serif;
  font-size: 26px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.42;
  letter-spacing: normal;
  text-align: left;
  color: #ffffff;
  display: table;
  vertical-align: middle;
}
.Real-Time-Progress-Board-of-Closing-Process-Process-Map p {
  display: table-cell;
  vertical-align: middle;
}
.Real-Time-Progress-Board-of-Closing-Process-Process-Map {
  position: absolute;
  left: calc(651px - 580px);
  width: 380px;
  height: 176px;
  font-family: 'Open Sans Semi-bold',sans-serif;
  font-size: 26px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.42;
  letter-spacing: normal;
  text-align: left;
  color: #ffffff;
  display: table;
}
.Separate-Execute-Permissions-for-Each-Level-or-Group p {
  display: table-cell;
  vertical-align: middle;
}
.Separate-Execute-Permissions-for-Each-Level-or-Group {
  position: absolute;
  left: calc(651px - 580px);
  top: 0px;
  width: 385px;
  height: 143px;
  font-family: 'Open Sans Semi-bold',sans-serif;
  font-size: 26px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.42;
  letter-spacing: normal;
  text-align: left;
  color: #ffffff;
  display: table;
}
.Job-History-Management-for-Each-Step-of-the-Closing-Process p {
  display: table-cell;
  vertical-align: middle;
}
.Job-History-Management-for-Each-Step-of-the-Closing-Process {
  position: absolute;
  left: calc(651px - 580px);
  top: 0px;
  width: 413px;
  height: 143px;
  font-family: 'Open Sans Semi-bold',sans-serif;
  font-size: 26px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.42;
  letter-spacing: normal;
  text-align: left;
  color: #ffffff;
  display: table;
}
.dot1 {
  position: absolute;
  left: calc(1223px - 580px);
  top: 30px;
  width: 5px;
  height: 5px;
  font-family: 'Open Sans',sans-serif;
  font-size: 19px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.47;
  letter-spacing: normal;
  text-align: left;
  color: #333333;
}
.dot1-1 {
  position: absolute;
  left: calc(1223px - 580px);
  top: 56px;
  width: 5px;
  height: 5px;
  font-family: 'Open Sans',sans-serif;
  font-size: 19px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.47;
  letter-spacing: normal;
  text-align: left;
  color: #333333;
}
.dot2 {
  position: absolute;
  left: calc(1223px - 580px);
  top: 45px;
  width: 5px;
  height: 5px;
  font-family: 'Open Sans',sans-serif;
  font-size: 19px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.47;
  letter-spacing: normal;
  text-align: left;
  color: #333333;
}
.dot3 {
  position: absolute;
  left: calc(1223px - 580px);
  top: 27px;
  width: 5px;
  height: 5px;
  font-family: 'Open Sans',sans-serif;
  font-size: 19px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.47;
  letter-spacing: normal;
  text-align: left;
  color: #333333;
}
.dot3-1 {
  position: absolute;
  left: calc(1223px - 580px);
  top: 82px;
  width: 5px;
  height: 5px;
  font-family: 'Open Sans',sans-serif;
  font-size: 19px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.47;
  letter-spacing: normal;
  text-align: left;
  color: #333333;
}
.dot3-2 {
  position: absolute;
  left: calc(1223px - 580px);
  top: 109px;
  width: 5px;
  height: 5px;
  font-family: 'Open Sans',sans-serif;
  font-size: 19px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.47;
  letter-spacing: normal;
  text-align: left;
  color: #333333;
}
.dot4 {
  position: absolute;
  left: calc(1223px - 580px);
  top: 26px;
  width: 5px;
  height: 5px;
  font-family: 'Open Sans',sans-serif;
  font-size: 19px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.47;
  letter-spacing: normal;
  text-align: left;
  color: #333333;
}
.dot4-1 {
  position: absolute;
  left: calc(1223px - 580px);
  top: 82px;
  width: 5px;
  height: 5px;
  font-family: 'Open Sans',sans-serif;
  font-size: 19px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.47;
  letter-spacing: normal;
  text-align: left;
  color: #333333;
}
.dot5 {
  position: absolute;
  left: calc(1223px - 580px);
  top: 45px;
  width: 5px;
  height: 5px;
  font-family: 'Open Sans',sans-serif;
  font-size: 19px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.47;
  letter-spacing: normal;
  text-align: left;
  color: #333333;
}
.dot6 {
  position: absolute;
  left: calc(1223px - 580px);
  top: 45px;
  width: 5px;
  height: 5px;
  font-family: 'Open Sans',sans-serif;
  font-size: 19px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.47;
  letter-spacing: normal;
  text-align: left;
  color: #333333;
}
.Register-and-manage-transactions-or-programs-executed-in-each-s p {
  display: table-cell;
  vertical-align: middle;
}
.Register-and-manage-transactions-or-programs-executed-in-each-s {
  position: absolute;
  left: calc(1252px - 580px);
  top: 0px;
  width: 675px;
  height: 143px;
  font-family: 'Open Sans',sans-serif;
  font-size: 19px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.47;
  letter-spacing: normal;
  text-align: left;
  color: #333333;
  display: table;
}
.Change-history-management-such-as-user-ID-and-change-time-for-n p {
  display: table-cell;
  vertical-align: middle;
}
.Change-history-management-such-as-user-ID-and-change-time-for-n {
  position: absolute;
  left: calc(1253px - 580px);
  top: 0px;
  width: 673px;
  height: 143px;
  font-family: 'Open Sans',sans-serif;
  font-size: 19px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.47;
  letter-spacing: normal;
  text-align: left;
  color: #333333;
  display: table;
}
.Register-related-documents-in-the-form-of-attachments-or-commen p {
  display: table-cell;
  vertical-align: middle;
}
.Register-related-documents-in-the-form-of-attachments-or-commen {
  position: absolute;
  left: calc(1253px - 580px);
  top: 10px;
  width: 666px;
  height: 143px;
  font-family: 'Open Sans',sans-serif;
  font-size: 19px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.47;
  letter-spacing: normal;
  text-align: left;
  color: #333333;
  display: table;
}
.Provide-a-status-board-that-allows-you-to-see-the-progress-of-e p {
  display: table-cell;
  vertical-align: middle;
}
.Provide-a-status-board-that-allows-you-to-see-the-progress-of-e {
  position: absolute;
  left: calc(1252px - 580px);
  top: 10px;
  width: 666px;
  height: 143px;
  font-family: 'Open Sans',sans-serif;
  font-size: 19px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.47;
  letter-spacing: normal;
  text-align: left;
  color: #333333;
  display: table;
}
.Grant-executive-permission-separately-for-each-step-or-group-s p {
  display: table-cell;
  vertical-align: middle;
}
.Grant-executive-permission-separately-for-each-step-or-group-s {
  position: absolute;
  left: calc(1253px - 580px);
  top: 0px;
  width: 677px;
  height: 143px;
  font-family: 'Open Sans',sans-serif;
  font-size: 19px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.47;
  letter-spacing: normal;
  text-align: left;
  color: #333333;
  display: table;
}
.Each-step-can-be-checked-in-detail-Execution-Status-Run-date p {
  display: table-cell;
  vertical-align: middle;
}
.Each-step-can-be-checked-in-detail-Execution-Status-Run-date {
  position: absolute;
  left: calc(1252px - 580px);
  top: 0px;
  width: 666px;
  height: 143px;
  font-family: 'Open Sans',sans-serif;
  font-size: 19px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.47;
  letter-spacing: normal;
  text-align: left;
  color: #333333;
  display: table;
}
.WeNestIm-All-Rights-Reserved {
  position: absolute;
  left: calc(var(--mid_x) - (380px / 2));
  top: 55px;
  width: 380px;
  height: 14px;
  font-family: 'Open Sans',sans-serif;
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.29;
  letter-spacing: normal;
  text-align: center;
  color: #8d8d8d;
}
.Polygon-Bottom {
  width: 59px;
  height: 68px;
  position: absolute;
  top: -34px;
  left: calc(var(--mid_x) - (59px / 2));
  background-image: url(../Image/btn_top.svg);
}
.Polygon-Bottom:hover {
  width: 59px;
  height: 68px;
  position: absolute;
  top: -34px;
  left: calc(var(--mid_x) - (59px / 2));
  background-image: url('../Image/btn_top_over.svg');
}
.frame5 {
  background-color: #000000;
  width: 100vw;
  height: 113px;
  position: absolute;
  top: 4544px;
  left: 0px;
}

.Rectangle-1 {
  position: absolute;
  left: calc(1213px - (((2560 - var(--viewjs)) / 2) * 1px));
  top: 932px;
  width: 134px;
  height: 3px;
  background-image: linear-gradient(to right, #70bdad, #285bb1);
}
.Rectangle-2 {
  position: absolute;
  left: calc(1068px - (((2560 - var(--viewjs)) / 2) * 1px));
  top: 2654px;
  width: 424px;
  height: 3px;
  background-image: linear-gradient(to right, #70bdad, #285bb1);
}
.Layer-57 {
  position: absolute;
  left: 0px;
  top: 866px;
  width: 100vw;
  height: 943px;
  /* opacity: 0.3; */
  mix-blend-mode: luminosity;
  background-image: url(../Image/solutions_bg.jpg);
}
.Layer-57-sb {
  position: absolute;
  left: 0px;
  top: 866px;
  width: 100vw;
  height: 1843px;
  opacity: 0.3;
  background-repeat: no-repeat;
  background-position: bottom;
  background-size: cover;
  background-image: url(../Image/solutions_bg.jpg);
  opacity: 0.4;
}

.Layer-59 {
  position: absolute;
  left: 0px;
  top: 1509px;
  width: 100vw;
  height: 1324px;
  background-color: #f2f2f2;
}

.Layer-59-sb {
  position: absolute;
  left: 0px;
  top: 2700px;
  width: 100vw;
  height: 1024px;
  background-color: #f2f2f2;
}

.Layer-60-cb {
  position: absolute;
  left: 0px;
  top: 3724px;
  width: 100vw;
  height: 824px;
  background-color: #FFFFFF;
}


.case_1:hover,
.case_2:hover,
.case_3:hover,
.case_4:hover {
  box-shadow: 8.7px 5px 15px 0 rgba(0, 0, 0, 0.2);
  transition: all 0.2s ease;
  -webkit-transition: all 0.2s ease;
}
.case_1:hover {
  top: 985px;
}
.case_1 {
  position: absolute;
  left: calc(580px - (((2560 - var(--viewjs)) / 2) * 1px));
  top: 995px;
  width: 688px;
  height: 222px;
}
.case_2:hover {
  top: 985px;
}
.case_2 {
  position: absolute;
  left: calc(1292px - (((2560 - var(--viewjs)) / 2) * 1px));
  top: 995px;
  width: 688px;
  height: 222px;
}
.case_3:hover {
  top: 1227px;
}
.case_3 {
  position: absolute;
  left: calc(580px - (((2560 - var(--viewjs)) / 2) * 1px));
  top: 1237px;
  width: 688px;
  height: 222px;
}
.case_4:hover {
  top: 1227px;
}
.case_4 {
  position: absolute;
  left: calc(1292px - (((2560 - var(--viewjs)) / 2) * 1px));
  top: 1237px;
  width: 688px;
  height: 222px;
}

.process-table { 
    position: absolute;
    top: 2900px;
    left: calc(580px - (((2560 - var(--viewjs)) / 2) * 1px));
    width: 1400px;
}

.process-tbl-header-txt {
  font-family: 'Open Sans Semi-bold',sans-serif;
  font-size: 26px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  color: #786861;
}

th, td { padding: 8px; }
td { background-color: #f9f9f9; vertical-align: middle; }

.process-1st-clm {
  background-color:#148DA3;
  font-family: 'Open Sans Semi-bold',sans-serif;
  font-size: 26px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.42;
  letter-spacing: normal;
  text-align: center;
  color: #ffffff;
  width: 15%;
}

.process-tbl-txt {
  font-family: 'Open Sans',sans-serif;
  font-size: 19px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.47;
  letter-spacing: normal;
  text-align: left;
  vertical-align: middle;
  color: #333333;
  padding-top: 30px;
}


.process-task-list { 
	margin: 0; 
	padding-left: 20px; 
	list-style-type: none; 
	color: #333333;
}


.Rectangle-1-Possible {
    position: absolute;
    left: calc(994px - (((2560 - var(--viewjs)) / 2) * 1px));
    top: 3554px;
    width: 578px;
    height: 3px;
    background-image: linear-gradient(to bottom right, #70bdad, #285bb1);
}

.Customer-Benefits {
    position: absolute;
    left: calc(1094px - (((2560 - var(--viewjs)) / 2) * 1px));
    top: 3800px;
    width: 602px;
    height: 38px;
    font-family: 'Open Sans Light', sans-serif;
    font-size: 38px;
    font-weight: 300;
    font-stretch: normal;
    font-style: normal;
    line-height: 0.92;
    letter-spacing: normal;
    text-align: left;
    color: #333333;
}
.Rectangle-Customer-Benefits {
  position: absolute;
  left: calc(1080px - (((2560 - var(--viewjs)) / 2) * 1px));
  top: 3845px;
  width: 350px;
  height: 3px;
  background-image: linear-gradient(to bottom right, #70bdad, #285bb1);
}
/*
.case_1 {
    position: absolute;
    left: calc(580px - (((2560 - var(--viewjs)) / 2) * 1px));
    top: 3856px;

    width: 244px;
    height: 645px;
}
*/

.esol_icon_cb01 {
    position: absolute;
    /*left: calc(50% - (108px / 2));*/
	left: calc(700px - (((2560 - var(--viewjs)) / 2) * 1px));
    top: 3936px;
    height: 126px;
}

.cb-box-1 {
    position: absolute;
    left: calc(580px - (((2560 - var(--viewjs)) / 2) * 1px));
    top: 4094px;
}

.esol_icon_cb02 {
    position: absolute;
    /*left: calc(50% - (108px / 2));*/
	left: calc(1200px - (((2560 - var(--viewjs)) / 2) * 1px));
    top: 3936px;
    height: 126px;
}

.cb-box-2 {
    position: absolute;
    left: calc(1080px - (((2560 - var(--viewjs)) / 2) * 1px));
    top: 4094px;
}

.esol_icon_cb03 {
    position: absolute;
    /*left: calc(50% - (108px / 2));*/
	left: calc(1700px - (((2560 - var(--viewjs)) / 2) * 1px));
    top: 3936px;
    height: 126px;
}

.cb-box-3 {
    position: absolute;
    left: calc(1580px - (((2560 - var(--viewjs)) / 2) * 1px));
    top: 4094px;
}




.content-box {
    border: 2px solid #148EA4; /* A blue border color */
    width: 400px; /* Adjust width as needed */
	height: 250px;
    margin: auto; /* Center the box if desired */
    font-family: 'Open Sans',sans-serif;
}

.content-box table {
  width: 100%; /* Table occupies full width of the content-box-1 */
  border-collapse: collapse; /* Collapses border to avoid double-border effect */
}

.content-box th {
  color: #ffffff; /* A darker blue for the title text */
  font-size: 18px; /* Adjust font size as needed */
  padding: 10px; /* Spacing between title and the next row */
  border-bottom: 3px solid #148EA4; /* A blue bottom border for the title */
  text-align: center; /* Align text to the left */
  background-color: #148EA4;
}

.content-box td {
  color: #000; /* Text color for the list items */
  font-size: 16px; /* Adjust list item font size as needed */
  padding-top: 25px;
  padding-bottom: 5px;
  background-color: #ffffff;
}


/* Additional styles for mobile or smaller views 
@media (max-width: 768px) {
  .content-box {
    padding: 10px;
    max-width: 100%;
  }
}
*/